<template>
  <view class="load">
    <image style="width: 40rpx; height: 40rpx; margin-right:-10rpx" src="@/static/common/top.svg" mode="scaleToFill" v-if="status == 'more'" />
    <uni-load-more :status="status" color="#000" :contentText="contentText"></uni-load-more>
  </view>
</template>

<script setup>
const props = defineProps({
  status: {
    type: String,
    default: "more",
  },
});
const contentText = shallowReactive({
  contentdown: "向上滑动加载更多...",
  contentnomore: "没有更多数据了~",
});
</script>

<style lang=scss scoped>
.load {
  @include flexAlignCenter;
  justify-content: center;
  padding-bottom: 20rpx;
  ::v-deep .uni-load-more__text {
    font-size: 32rpx;
  }
}
</style>